<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{
            width: 100px;
            height: 100px;
            background: red;
            position: absolute;
            left: 0;top:30px;
        }
    </style>
</head>
<body>
    <button id="btn1">开始</button>
    <button id="btn2">停止</button>
    <div class="box"></div>
</body>
<script src="../jquery.js"></script>
<script>

    // 控制动画每帧的单位时间，慎用
    // $.fx.interval = 200;

    // 关闭动画，慎用
    $.fx.off = true


    $("#btn1").click(function(){
        // delay：延迟指定的毫秒数
        // $(".box").delay(1000).animate({
        //     left:500
        // },2000).delay(1000).animate({
        //     top:400
        // },2000).delay(1000).animate({
        //     left:0
        // },2000).delay(1000).animate({
        //     top:30
        // },2000)

        $(".box").animate({
            left:1000
        },2000)
    })

</script>
</html>